.page-login{
  .header {
    border-bottom: 2px solid #2bb8aa;
    min-width: 980px;
    @media screen and (max-width: 500px) {
      width: 100%!important;
      min-width: 0;
    }
    color: #666;

    header {
      margin: 0 auto;
      padding: 10px 0;
      width: 980px;
      @media screen and (max-width: 500px) {
        width: 100%;
      }

      .site-logo {
        display: inline-block;
        width: 128px;
        @media screen and (max-width: 500px) {
          width: 54px;
          margin-left: 10px;
        }
        height: 36px;
        text-indent: -9999px;
        background-position: -669px -748px;
        background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png);
      }

      .login {
        float: right;
        margin-right: 10px;
      }

      .bold {
        font-style: normal;
      }
    }
  }
    .login-panel {
      margin: 0 auto 70px;
      width: 980px;
      display: flex;
      @media screen and (max-width: 500px) {
        width: 100%;
        margin: 0 auto;
        flex-wrap: wrap;
      }
      .banner {
        margin-right: 115px;
        @media screen and (max-width: 500px) {
          display: none;
        }
      }
      .form {
        @media screen and (max-width: 500px) {
          width: 90%;
          margin: 20px auto;
        }
        display: flex;
        flex-direction: column;
        width: 270px;

        .title {
          text-align: center;
          margin: 50px auto 0;
        }
        .tips {
          margin-bottom: 10px;
          padding: 10px;
          border: 1px solid #f5d8a7;
          border-radius: 2px;
          background: #fff6db;
          font-size: 12px;
          padding-left: 26px;
          >i {
            position: relative;
            &:after {
              position: absolute;
              display: inline-block;
              width: 17px;
              height: 17px;
              font-family: iconfont;
              font-style: normal;
              content: "\e64d";
              font-size: 28px;
              top: -9px;
              left: -24px;
            }
          }
        }
        em {
          font-style: normal;
          float: right;
        }
      }

      .el-input {
        margin-top: 10px;
      }

      .foot {
        @media screen and (max-width: 500px) {
          display: none;
        }
        margin-top: 10px;
        b {
          float: right;
        }
      }

      .el-input__icon {
        &.profile {
          &:after {
            font-family: iconfont;
            content: "\e627";
            font-style: normal;
            top: -1px;
            left: 5px;
            position: absolute;
          }
        }

        &.password {
          &:after {
            font-family: iconfont;
            content: "\E600";
            font-style: normal;
            top: -1px;
            left: 3px;
            position: absolute;
            font-size: 18px;
          }
        }
      }

      .btn-login {
        margin-top: 10px;
        color: #fff;
        background-color: #2db3a6;
        border: none;
        padding: 12px 15px;
      }
    }
}
